/* 
    Document   : content
    Created on : 13.mar.2012, 21:01:42
    Author     : Jo
    Description:
        Purpose of the stylesheet follows.
*/

/*
    ---------------------- Content style for showOrders.php --------------------

    ------------------------------ Order table ---------------------------------
*/

.orderContent {

}

#orderTable {
    border: solid buttonshadow 1px;
    width: 700px;
    margin: 10px;
    margin-left: 60px;    
    border-collapse: separate;
    border-spacing:0 3px;
}

#orderTable th {
    background-color:lavender;
}

#orderTable tr {
    text-align: center;    
    height: 40px;        
}

#orderTable td { 
    border-bottom: solid buttonshadow 1px;
    border-top: solid buttonshadow 1px;
    background-color:beige;
}
/*
------------------------------ Item Order table --------------------------------
*/
#orderItemTable {
    border: solid buttonshadow 1px;
    width: 700px;
    margin: 10px;
    margin-left: 60px;
    border-collapse: separate;
    border-spacing:0 2px;
    background-color:beige;
}

#orderItemTable tr {
    text-align: center; 
    height: 20px;    
}

#orderItemTable th {
    height: 40px;
    border-bottom: solid buttonshadow 1px;
    background-color:lavender;
}

#bottomOrderItemTable {
    border-top: solid buttonshadow 1px;   
}

#orderItemTable td {
    padding-top: 5px;

}

.content input[name="retur"] {
    position: absolute;
    margin-left: 690px;
    margin-top: -90px;
    width: 150px;
    font-size : 1.4em;
    font-weight : light;
    margin-bottom : 3px;
    font-family : Calibri, 'Arial Narrow', sans-serif;
}
/*
------------------------------ return Item table ------------------------------
*/

#returItemTable {
    border: solid buttonshadow 1px;
    width: 700px;
    margin: 10px;
    margin-left: 60px;    
    border-collapse: separate;
    border-spacing:0 3px;
}

#returItemTable th {
    background-color:lavender;
}

#returItemTable tr {
    text-align: center;    
    height: 40px;        
}

#returItemTable td { 
    border-bottom: solid buttonshadow 1px;
    border-top: solid buttonshadow 1px;
    background-color:beige;
}

.orderContent input label textarea {
    margin-left: 60px;
    margin-bottom: 10px;
}

.orderContent input[name="returSubmit"] {
    margin-bottom: 40px;
}

/*
    ---------------------- Content style for myEmpSite.php ---------------------
*/


#employeeSiteContent {
    border-left: solid gainsboro;
    width: 400px;
    min-height: 400px; 
    margin-top: -70px;
    margin-left: 400px;

}

#employeeSiteContent table {
    border: solid buttonshadow 1px;  
    width: 350px;        
    margin-left: 25px;        
    border-collapse: separate;
    border-spacing:0 3px;
}

#employeeSiteContent th {
    background-color:lavender;
}

#employeeSiteContent tr {
    text-align: center;          
}

#employeeSiteContent td { 
    height: 40px;
    border-bottom: solid buttonshadow 1px;
    border-top: solid buttonshadow 1px;
    background-color:beige;
}

#employeeSiteContent label {
    font-size : 1.2em;
    font-weight : bold;
    font-family : arial, sans-serif;
    width : 100px;
    text-align : right;
    float : left;
    margin-right : 5px;
    color: white;
}

#employeeSiteContent input {
    width : 200px;
    font-size : 1.4em;
    font-weight : light;
    margin-bottom : 3px;
    font-family : Calibri, 'Arial Narrow', sans-serif;
}

#employeeSiteContent input[name="sok"] {
    margin-left: 110px;
}

#employeeSiteContent h1 {
    margin-left: 50px;
} 

#employeeSiteContent form[name="updateStock"] label {
    width : 200px;
    margin-left: 10px;
}

#myEmpList {
    position: absolute;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#myEmpList dd{
    width: 400px;
}

#myEmpList a:hover {
    border: 1px solid #333;
    background-color: gainsboro;    
    color: #333;
}

#myEmpList h3 {
    font-size : 1.2em;
    font-weight : bold;
    font-family : arial, sans-serif;
    margin-left : 40px;
    color: white;
}

/*
    ---------------------- Content style for empEditOrder.php ---------------------
*/

.empEditOrderContent h3 {
    font-size : 1.2em;
    font-weight : bold;
    font-family : arial, sans-serif;
    margin-left : 40px;
    color: white;
}

.empEditOrderContent p {
    font-size : 1.2em;
    border-bottom: solid buttonshadow 1px;
    font-weight : bold;
    width: 200px;
    font-family : arial, sans-serif;
    margin-left : 40px;
    color: white;
}
#empEditOrderTable {
    border: solid buttonshadow 1px;
    width: 600px;        
    margin-left: 25px;  
    border-collapse: collapse;
    background-color:beige;
}

#empEditOrderTable th {
    background-color:lavender;
}

#empEditOrderTable tr {
    text-align: center;     
}

#empEditOrderTable td { 
    height: 20px;  
}

.empEditOrderContent input {
    width : 100px;
    font-size : 1.4em;
    font-weight : light;
    margin-bottom : 3px;
    font-family : Calibri, 'Arial Narrow', sans-serif;
}

.empEditOrderContent input[name="pending"] {
    margin-left: 40px;
    margin-bottom: 20px;
}

/*
    ---------------------- Content style for empEditReturn.php ---------------------
*/

.empEditReturn table {
    border: solid buttonshadow 1px;
    width: 600px;        
    margin-left: 25px;  
    border-collapse: separate;
    border-spacing:0 3px;
}

.empEditReturn th {
    height: 30px;
    background-color:lavender;
}

.empEditReturn tr {
    text-align: center;     
}

.empEditReturn td { 
    border-bottom: solid buttonshadow 1px;
    border-top: solid buttonshadow 1px;
    background-color:beige;
    height: 30px;  
}

.empEditReturn input {
    width : 100px;
    font-size : 1.4em;
    font-weight : light;
    margin-bottom : 3px;
    font-family : Calibri, 'Arial Narrow', sans-serif;
}

.empEditReturn input[name="refund"] {
    margin-top: 10px;
    margin-left: 25px;
    margin-bottom: 20px;
}

/*
    ---------------------- Content style for kassa.php ---------------------
*/

#kasseTable {
    font-size:14px;
    border: solid buttonshadow 1px;
    width: 700px;
    margin: 10px;
    margin-left: 60px;    
    border-collapse: separate;
    border-spacing:0 3px;
}

#kasseTable th {
    background-color:lavender;
}

#kasseTable tr {
    text-align: center;    
    height: 40px;        
}

#kasseTable td { 
    border-bottom: solid buttonshadow 1px;
    border-top: solid buttonshadow 1px;
    background-color:beige;
}

#oppdater  {
    color:white;
    margin-left: 80px;
}

#oppdater  p {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    font-size: 19px;
}

#oppdater input[name="sendBestilling"] {
    width : 150px;
    font-size : 1.4em;
    font-weight : light;
    margin-bottom : 3px;
    font-family : Calibri, 'Arial Narrow', sans-serif;
}

/*
    ---------------------- Content style for search.php ---------------------
*/
#searchTable {
    border: solid buttonshadow 1px;
    width: 800px;        
    margin-left: 25px;
    position: relative;
    border-collapse: separate;
    border-spacing:0 3px;
    margin-bottom: 20px;
}

#searchHeader {
    position: relative;
    width: 500px;
    margin-right: 700px;
}

#searchTable th {
    height: 30px;    
    background-color:lavender;
}

#searchTable tr {
    text-align: left;     
}

#searchTable td { 
    border-bottom: solid buttonshadow 1px;
    border-top: solid buttonshadow 1px;
    background-color:beige;
    height: 30px;  
}

#searchTable input[name="antall"] {
    float: left;
}

/*
    ---------------------- Content style for adminItem.php ---------------------
*/

#addItemForm input {
    width : 200px;
    font-size : 1.4em;
    font-weight : light;
    margin-bottom : 3px;
    font-family : Calibri, 'Arial Narrow', sans-serif;
}

#addItemForm label {
    font-size : 1.2em;
    font-weight : bold;
    font-family : arial, sans-serif;
    width : 250px;
    text-align : right;
    float : left;
    margin-left: -10px;
    margin-right : 5px;
    color: white;
}
#addItemForm textarea {
    font-size : 1.2em;
    margin-left: -1px;
    margin-top: -15px;
    font-weight : bold;
    font-family : arial, sans-serif;
    width : 350px;
    height: 100px;
    float : left;
}
#addItemForm input[name="newItemSubmit"] {
    margin-top: 80px;
    margin-left: -250px;
}

#editItemForm input {
    width : 200px;
    font-size : 1.4em;
    font-weight : light;
    margin-bottom : 3px;
    font-family : Calibri, 'Arial Narrow', sans-serif;
}

#editItemForm label {
    font-size : 1.2em;
    font-weight : bold;
    font-family : arial, sans-serif;
    width : 250px;
    text-align : right;
    float : left;
    margin-left: -10px;
    margin-right : 5px;
    color: white;
}
#editItemForm select {
    font-size : 1.2em;
    font-weight : bold;
    font-family : arial, sans-serif;
    width : 250px;
    margin-bottom: 3px;
}
#editItemForm textarea {
    font-size : 1.2em;
    margin-left: -1px;
    margin-top: -15px;
    font-weight : bold;
    font-family : arial, sans-serif;
    width : 350px;
    height: 100px;
    float : left;
}

/*
    ---------------------- Content style for register.php ---------------------
*/

#registrer input {
    width : 250px;
    font-size : 1.4em;
    font-weight : light;
    margin-bottom : 3px;
    font-family : Calibri, 'Arial Narrow', sans-serif;
}

#registrer input[name="state"] {
    margin-bottom: 40px;
}

#registrer input[name="submit"] {
    margin-left: 200px;
    margin-bottom: 40px;
    width: 100px;
}

#registrer input[name="reset"] {
    width: 100px;
}

/*
    ---------------------- Content style for mySite.php ---------------------
*/

#myProfileList {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#myProfileList dd{
    width: 400px;
}

.profileList {
    display: block;
    padding: 2px 2px 2px 24px;
    border: 1px solid #333;
    width: 40%;
    background-color: #999;  
    color: #EEE;
    text-decoration: none;
}

#myProfileList a:hover {
    border: 1px solid #333;
    background-color: gainsboro;    
    color: #333;
}

#myProfileList h3 {
    font-size : 1.2em;
    font-weight : bold;
    font-family : arial, sans-serif;
    margin-left : 40px;
    color: white;
}

#profilListEnd {
    margin-bottom: 40px;
    margin-top: 20px;
}
#editProfile {
    position: absolute;
    border-left: solid gainsboro;
    float: right;
    margin-top: -70px;
    margin-left: 400px;
    min-height: 450px;   
}

#editProfile h2 {
    color: white;
    padding-top: 70px;
    margin-left: 150px;
}
#editProfile label {
    font-size : 1.2em;
    font-weight : bold;
    font-family : arial, sans-serif;
    width : 140px;
    text-align : right;
    float : left;
    margin-right : 5px;
    color: white;
}

#editProfile input {
    width : 250px;
    font-size : 1.4em;
    font-weight : light;
    margin-bottom : 3px;
    font-family : Calibri, 'Arial Narrow', sans-serif;
}

#editProfile select {
    width : 255px;
    margin-bottom: 3px;
}

#editProfile input[name="myEdit"] {
    margin-left: 220px;
    margin-bottom: 40px;
    width: 100px;
}

#editProfile input[name="reset"] {
    width: 100px;
}

#editProfile input[name="mySave"] {
    margin-left: 100px;
    margin-bottom: 40px;
    width: 100px;
}

#editProfile input[name="cancel"] {
    width: 100px;
}

#editProfile form[name="password"] input {
    width: 200px;
}

#editProfile form[name="password"] label {
    width: 200px;
}

#editProfile form[name="password"] input[name="reset"] {
    margin-left: 210px;
    margin-bottom: 40px;
    width: 100px;
}

#editProfile form[name="password"] input[name="mySave"] {
    margin-left: 210px;
    margin-bottom: 40px;
    width: 200px;
}

#editProfile form[name="password"] input[name="cancel"] {
    width: 100px;
}

/*
    ---------------------- Content style for category.php ---------------------
*/

#category_description{
    text-align: center;
}

.admin_category_table{
    position: absolute;
    width: 250px;
    height: 60px;
    margin-left: 595px;
    text-align: center;
}

.admin_category_table tr td{
    background-color: #5CACEE;
    border: solid lavender 1px;
    border-radius: 5px;
}

.admin_category_table a{
    color: red;
    text-decoration: none;
}

.antall{
    width: 40px;
}



.wrapper .content #category_table {
    border: solid lavender 1px;
    border-radius: 5px;
    min-width: 195px;
    max-width: 195px;
    margin-top: 20px;
}

.wrapper .content #category_table th{
    min-width: 195px;
    max-width: 195px;
}

.wrapper .content #category_table a {
    color: white;
    text-decoration: none;
}

.wrapper .content #category_table td{
    border: solid lavender 1px;
    border-radius: 5px;
    min-width: 195px;
    max-width: 195px; 
}

/*
    ---------------------- Content style for item.php ---------------------
*/

.item_table tr td{
    vertical-align: top;
    margin-top: 0;
}
.item_table p{
    color:white;
}
#item_description{
    width: 849px;
    max-width: 849px;
    color: white;
    border-collapse: separate;
}
#item_description td {
    text-align: left;
}
#item_description th{
    text-align: left;   
    border-radius: 5px;
    border: solid lavender 1px;
}

#itemPrice{
    color: white;
    font-size: 25px;
}
#itemPrice #price{
    font-size: 40px;
}
.admin_item_table{
    position: absolute;
    text-align: center;
    width: 230px;
    height: 60px;
    margin-left: 615px;
}
.admin_item_table td{
    background-color: #5CACEE;
    border: solid lavender 1px;
    width: 100px;
    height: 40px;
    border-radius: 5px;
}
.admin_item_table a {
    color: red;
    text-decoration: none;
}